<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'message.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

<style type="text/css">
body {
	width:100%;
	padding:0px;
	margin:0px;
	background-color: #1a6ca6;
}

#full {
	margin:0px;
	padding:0px;
	width: 99%;
	height: 100%;
	background-repeat: no-repeat;
}
#header{
	padding-top:20px;
	padding-left:10px;
	width: 100%;
	height: 30px;
}
#header label{
	margin-left:10px;
	 font-family: "Adobe 楷体 Std R";
	 color: white;
	 font-size: 14px;
}

#center{
	height: 60%;
}
#div_getMsg textarea {
	width: 100%;
	height: 60%;
	font-family: "Adobe 楷体 Std R";
	font-size: 50px;
}
#div_fenge{
	height: 10%;
	width: 100%;
}
#div_sendMsg textarea {
	overflow:scroll;
	width: 100%;
	height: 30%;
	font-family: "Adobe 楷体 Std R";
	font-size: 50px;
}

#footer{
	width: 100%;
	height:30%;
	padding-top: 10px;
	padding-left: 10px;
}

#footer button{
	float: right;	
}

#footer select{
	margin-right:50px;
	width:20px;
	height:22px;
	float: right;	
}
#footer label{
	 font-family: "Adobe 楷体 Std R";
	 color: white;
	 font-size: 15px;
}
#footer select option{
	width: 100px;/*设置select下option的长度（浏览器差异     没解决 ）按Enter键发送*/
}

#footer #foo{
	height: 20px;
}
</style>
</head>

<body>
	<div id="full">
		<div id="header">
			<label><strong>*</strong> 张三 <strike>x</strike></label>
			<label><strong>*</strong> 李四 <strike>x</strike></label>
		</div>
		<div id="center">
			<div id="div_getMsg">
				<textarea disabled="disabled" rows="20" cols="60"></textarea>
			</div>
			<div id="div_fenge" ></div>
			<div id="div_sendMsg">
				<textarea rows="20" cols="60"></textarea>
			</div>
		</div>
		<div id="footer">
			<select>
				<option> *  按Enter键发送</option>
				<option> *  按Shift+Enter键发送</option>
			</select>
			<button>发 送</button>
			<label>还可写<strong>121</strong>字</label>
			<div id="foo"></div>
		</div>
	</div>
</body>
</html>
